<template>
  <div class="header_nav">
    <span @click="home">首页</span>
    <span> — </span>
    <span @click="notic">{{$store.state.ggX.bulletinType}}</span>
    <span> — </span>
    <span>{{$store.state.ggX.title}}</span>
  </div>
</template>

<script>
export default {
  name: 'BoxHeader',
  methods: {
    home () {
      this.$router.push('/home')
    },
    notic () {
      this.$router.push('/home/notice')
    }
  }
}
</script>

<style lang="stylus" scoped>
  .header_nav{
    margin-left: 10px
    margin-top: 10px
    color: rgb(15,153,213)
    width: calc(100% - 12px)
    height: 30px
    span:nth-child(odd){
      cursor: pointer
    }
    span:nth-child(odd):hover{
      color: red
    }
    span:nth-child(even){
      cursor: default
    }
    span:last-child{
      color: rgb(0,0,0)
    }
    span:last-child:hover{
      cursor: default
      color: rgb(0,0,0)
    }
  }
</style>
